<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>重置密码</title>
    <link rel="stylesheet" href="./css/verify.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body style="height: 1500px;">
    <!-- 导航栏的书写 -->
    <div class="nav" id='navone'>
        <a href="#" class="bi-caret" onclick="window.history.back()">
            <svg class="bi bi-caret-left-fill" width="32px" height="32px" viewBox="0 0 16 16" fill="white"
                xmlns="http://www.w3.org/2000/svg">
                <path
                    d="M3.86 8.753l5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z" />
            </svg>
        </a>
        <a href="#" class="back" onclick="window.history.back()">返回</a>
        <span class="login">重置密码</span>
        <a href="#" class="bi-houses">
            <svg class="bi bi-house" width="32px" height="32px " viewBox="0 0 16 16" fill="white"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M2 13.5V7h1v6.5a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5V7h1v6.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5zm11-11V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd"
                    d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"
                    clip-rule="evenodd" />
            </svg>
        </a>
    </div>
    <form class="set_password">
        <div class="form-group">
            <label for="phone">输入手机号码:</label>
            <input type="email" class="form-control" id="phone" aria-describedby="emailHelp" placeholder="请输入内容">
            <small id="emailHelp" class="form-text text-muted" hidden='hidden'>We'll never share your email with anyone
                else.</small>
        </div>
        <div class="form-group">
            <label for="onepassword">输&nbsp;&nbsp;入&nbsp;密&nbsp;&nbsp;码:</label>
            <input type="password" class="form-control" id="onepassword" aria-describedby="emailHelp"
                placeholder="请输入内容">
            <small id="emailHelp" class="form-text text-muted" hidden='hidden'>We'll never share your email with anyone
                else.</small>
        </div>
        <div class="form-group">
            <label for="twopassword">再次输入密码:</label>
            <input type="password" class="form-control" id="twopassword" placeholder="请输入内容">
        </div>
        <div class="form-group form-check">
            <input type="checkbox" class="form-check-input" id="exampleCheck1">
            <label class="form-check-label" for="exampleCheck1">记住密码</label>
        </div>
        <button type="button" class="btn btn-primary"
            onclick="setPassword(document.getElementById('phone').value, document.getElementById('onepassword').value,document.getElementById('twopassword').value)">提交</button>
    </form>
    <div class="navbottom">
        <div class="navbottoms">
            <span class="navbottomspan">行程管理</span>
            <svg class="bi bi-cursor-fill navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z"
                    clip-rule="evenodd" />
            </svg>
        </div>
        <div class="navbottoms">
            <span class="navbottomspan">拼车车</span>
            <svg class="bi bi-people-fill navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"
                    clip-rule="evenodd" />
            </svg>
        </div>
        <div class="navbottoms">
            <span class="navbottomspan">呼叫车</span>
            <svg class="bi bi-phone navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor"
                xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M11 1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM5 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H5z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd" d="M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2z" clip-rule="evenodd" />
            </svg>
        </div>
        <div class="navbottoms">
            <span class="navbottomspan">个人中心</span>
            <svg class="bi bi-person-square navbottomspan-bi" width="1em" height="1em" viewBox="0 0 16 16"
                fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                <path fill-rule="evenodd"
                    d="M14 1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z"
                    clip-rule="evenodd" />
                <path fill-rule="evenodd" d="M2 15v-1c0-1 1-4 6-4s6 3 6 4v1H2zm6-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"
                    clip-rule="evenodd" />
            </svg>
        </div>
    </div>
    <script src="./js/setpassword.js"></script>
    <script>
        var user_phone_object = document.getElementById('phone');
        var now_phone = location.search.replace('?verify_phone=', '');
        user_phone_object.value = now_phone;
    </script>
</body>

</html>